<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>电影购票系统</title>
  <meta name="HandheldFriendly" content="true">
  <meta name="format-detection" content="email=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta http-equiv="cleartype" content="yes">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">

  <meta name="HandheldFriendly" content="true">
  <meta name="format-detection" content="email=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="./css/main.css">


  <style>
  </style>
<meta name="lx:autopv" content="off"><meta name="lx:appnm" content="movie"><meta name="lx:category" content="movie"></head>
<body>


<%@include file="./common/header.jsp" %>
<div class="header-placeholder"></div>

    <div class="container" id="app">
<div class="content">
 
  <%@include file="./common/aside.jsp" %>
  
  <div class="main">
    <div class="movie-grid">
  <div class="panel">
    <div class="panel-header">
      <span class="panel-more">
       
      </span>
      <span class="panel-title">
        <span class="textcolor_red">电影票在线订购</span>
      </span>
    </div>
    <style>
    	.box1 {height:380px;}
    	.box1 .fengmian {width:280px;height:100%;float:left;}
    	.box1 .product {width:420px;height:100%;float:left;padding-left:20px;}
    	.box1 .product .item {clolr:#666;margin:10px;}
    	.btn.buy {
		    margin-top: 60px;
		    width: 250px;
		    height: 40px;
		    font-size: 16px;
		    line-height: 40px;
		    text-align: center;
		    border-radius: 2px;
		    padding: 0;
		    float:right;
		}
		.seat {text-align:center;cursor:pointer;margin: 15px;width:40px;padding:10px 20px;background:#eaeaea;border:1px solid #666;float:left;border-radius:20px;}
		.seat2 {background:red !important;color:#fff;text-align:center;cursor:pointer;margin: 15px;width:40px;padding:10px 20px;background:#eaeaea;border:1px solid #666;float:left;border-radius:20px;}
    	.seat:hover {background:pink;}
    	
    	.ranking-item .panel {width:500px;height:200px;float:left;padding:10px;}
    	
    </style>
    <div class="panel-content">
    	
    	<c:forEach items="${rows}" var="item"> 
           		<li class="ranking-item ranking-top ranking-index-1">
			      <a href="/front/detail.do?id=${item.id }" target="_blank" >
			        <div class="ranking-top-left">
			          <i class="ranking-top-icon"></i>
			            <img style="width: 188px;float:left;" class="ranking-img  default-img" src="${item.imgpath }">
			        	<div class='panel'>
			        		${item.description }
			        	</div>
			        	<div style="clear:both;"></div>
			        </div>
			        
			        <div class="ranking-top-right">
			          <div class="ranking-top-right-main">
			            <span class="ranking-top-moive-name">${item.moviename }</span>
			              <p class="ranking-top-wish">
			                  	票房：${item.boxoffice }
			              </p>
			          </div>
			        </div>
			        
			      </a>
			    </li>
           
           </c:forEach>
	
		<div id="laypageDemo"></div>
		<script type="text/javascript">
		var laypage = layui.laypage;
		laypage.render({
  		    elem: 'laypageDemo' //注意，这里的 test1 是 ID，不用加 # 号
  		    ,count: "${total}" //数据总数，从服务端得到
  		    ,limit: 5
  		    ,curr : "${page}"
      		,jump: function(obj, first){
      		    //obj包含了当前分页的所有参数，比如：
      		    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      		    console.log(obj.limit); //得到每页显示的条数
      		    
      		    //首次不执行
      		    if(!first){
      		      //do something
      		      //vm.loadData(obj.curr,obj.limit);
      		    	location.href="/front/result.do?page="+obj.curr + "&rows=" + obj.limit;
      		    }
      		  }
  		  });
		</script>
    </div>
  </div>
<script src="jquery.js"></script>
 <script>
 	
 	
 
 </script>
 

    </div>
  </div>
</div>

    </div>

<%@include file="./common/footer.jsp" %>

 
</body></html>